<template>
  <Card
    shadow
    :bordered="false"
  >
    <component v-bind:is="dynComponent"></component>
  </Card>
</template>
<script>
import adminAategory from "./components/admin_category";
import webAategory from "./components/web_category";
export default {
  components: {
    adminAategory,
    webAategory
  },
  data() {
    return {
      dynComponent: "",
      active: ""
    };
  },
  watch: {
    $route(to, from) {
      var active = to.path.split("_")[1];
      this.dynComponent = active + "Aategory";
    }
  },
  mounted() {
    var active = this.$route.path.split("_")[1];
    this.dynComponent = active + "Aategory";
  }
};
</script>
<style>
</style>
